<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="keywords" content="admin, dashboard, bootstrap, template, flat, modern, theme, responsive, fluid, retina, backend, html5, css, css3">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">
  <link rel="shortcut icon" href="#" type="image/png">

  <title>数据统计</title>

  <!--icheck-->
  <link href="js/iCheck/skins/minimal/minimal.css" rel="stylesheet">
  <link href="js/iCheck/skins/square/square.css" rel="stylesheet">
  <link href="js/iCheck/skins/square/red.css" rel="stylesheet">
  <link href="js/iCheck/skins/square/blue.css" rel="stylesheet">

  <!--dashboard calendar-->
  <link href="css/clndr.css" rel="stylesheet">

  <!--Morris Chart CSS -->
  <link rel="stylesheet" href="js/morris-chart/morris.css">

  <!--common-->
  <link href="css/style.css" rel="stylesheet">
  <link href="css/style-responsive.css" rel="stylesheet">




  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
</head>

<body class="sticky-header">

<section>
    <!-- left side start-->
    <div class="left-side sticky-left-side">

        <!--logo and iconic logo start-->
        <div class="logo">
         
            <h3 style="color: white">&nbsp; &nbsp;高校MRBS</h3>
        </div>
        <!--logo and iconic logo end-->

        <div class="left-side-inner">

            
            <!--sidebar nav start-->
            <ul class="nav nav-pills nav-stacked custom-nav">
                <br>
                <li><a href="index.html"><i class="fa fa-home"></i> <span>会议室审核</span></a></li>
                <li><a href="room.html"><i class="fa fa-building-o"></i> <span>会议室管理</span></a></li>
                <li><a href="users.html"><i class="fa fa-users"></i> <span>用户管理</span></a></li>
                <li class="menu-list"><a href="message"><i class="fa fa-comment-o"></i> <span>信息发布</span></a>
                    <ul class="sub-menu-list">
                        <li><a href="publish.html">我须留意</a></li>
                        <li><a href="rules.html">管理条例</a></li>
                    </ul>
                </li>
                <li class="menu-list"><a href="using"><i class="fa fa-cogs"></i> <span>使用情况</span></a>
                    <ul class="sub-menu-list">
                        <li><a href="usingnow.html">正在使用</a></li>
                        <li><a href="usingpast.html">历史使用</a></li>
                        <li><a href="nopassing.html">未通过审核</a></li>
                    </ul>
                </li>
                <li><a href="analyze.html"><i class="fa fa-tasks"></i> <span>数据统计</span></a></li>
              

            </ul>
            <!--sidebar nav end-->

        </div>
    </div>
    <!-- left side end-->
    
    <!-- main content start-->
    <div class="main-content" >

        <!-- header section start-->
        <div class="header-section">

            <!--toggle button start-->
            <a class="toggle-btn"><i class="fa fa-bars"></i></a>
            <!--toggle button end-->

           

            <!--notification menu start -->
            <div class="menu-right">
                <ul class="notification-menu">
                   
                    <li>
                    <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-user"></i>
                        管理员
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                        
                        <li><a href="backlogin.html"><i class="fa fa-sign-out"></i>注销</a></li>
                    </ul>
                </li>
                    

                </ul>
            </div>
            <!--notification menu end -->

        </div>
        <!-- header section end-->
        <!-- page heading start-->
        <div class="page-heading">
            <h3>
                数据统计
            </h3>
        </div>
        <!-- page heading end-->


    
 <!--body wrapper start-->
        <div class="wrapper">
            <div class="row">
                <div class="col-md-6">
                    <!--statistics start-->
                    <div class="panel deep-purple-box">
                    <h4>&nbsp;整体会议室统计</h4>
                </div>
                    <div class="row state-overview">
                        <div class="col-md-6 col-xs-12 col-sm-6">
                            <div class="panel purple">
                                <div class="symbol">
                                    <i class="fa fa-gavel"></i>
                                </div>
                                <div class="state-value">
                                    <div class="value">7</div>
                                    <div class="title">总数</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-xs-12 col-sm-6">
                            <div class="panel red">
                                <div class="symbol">
                                    <i class="fa fa-tags"></i>
                                </div>
                                <div class="state-value">
                                    <div class="value">7</div>
                                    <div class="title">已预约</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row state-overview">
                        <div class="col-md-6 col-xs-12 col-sm-6">
                            <div class="panel blue">
                                <div class="symbol">
                                    <i class="fa fa-money"></i>
                                </div>
                                <div class="state-value">
                                    <div class="value">64</div>
                                    <div class="title">本周可预约</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-xs-12 col-sm-6">
                            <div class="panel green">
                                <div class="symbol">
                                    <i class="fa fa-eye"></i>
                                </div>
                                <div class="state-value">
                                    <div class="value">0</div>
                                    <div class="title">维修中</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--statistics end-->
                </div>


                <div class="col-md-6">
                    <!--more statistics box start-->
                    <div class="panel deep-purple-box">
                    <h4>&nbsp;各学院使用情况统计</h4>
                </div>
                    <div class="panel deep-purple-box">
                        <div class="panel-body">
                            <div class="row">
                                
                                <div class="col-md-7 col-sm-7 col-xs-7">
                                    <div id="graph-donut" class="revenue-graph"></div>

                                </div>
                                <div class="col-md-5 col-sm-5 col-xs-5">
                                    <ul class="bar-legend">
                                        <li><span class="blue"></span>管理学院</li>
                                        <li><span class="green"></span>文学院</li>
                                        <li><span class="purple"></span>教育学院</li>
                                        <li><span class="red"></span>政法学院</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--more statistics box end-->

                </div>
            </div>

            <div class="row">
                <div class="col-md-8">
                    <div class="panel">
                        <div class="panel-body">
                            <div class="row revenue-states">
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <h4>会议室使用次数统计</h4>
                                    

                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    <ul class="revenue-nav">
                                        <li><a href="#">本周</a></li>
                                        <li><a href="#">本月</a></li>
                                        <li class="active"><a href="#">本年</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="clearfix">
                                        <div id="main-chart-legend" class="pull-right">
                                        </div>
                                    </div>

                                    <div id="main-chart">
                                        <div id="main-chart-container" class="main-chart">
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel">
                        <header class="panel-heading">
                            会议主题统计
                           
                        </header>
                        <div class="panel-body">
                            <ul class="goal-progress">
                                <li>
                                   
                                    <div class="details">
                                        <div class="title">
                                            <a href="#">例会</a>
                                        </div>
                                        <div class="progress progress-xs">
                                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width:66.7%">
                                                <span class="">66.7%</span>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                   
                                    <div class="details">
                                        <div class="title">
                                            <a href="#">院内会议</a>
                                        </div>
                                        <div class="progress progress-xs">
                                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 33.3%">
                                                <span class="">33.3%</span>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                   
                                    <div class="details">
                                        <div class="title">
                                            <a href="#">毕业答辩</a>
                                        </div>
                                        <div class="progress progress-xs">
                                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                                                <span class="">0%</span>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                   
                                    <div class="details">
                                        <div class="title">
                                            <a href="#">宣讲会</a>
                                        </div>
                                        <div class="progress progress-xs">
                                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                                                <span class="">0%</span>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                               
                            </ul>
                            <div class="text-center"><a href="#">查看所有主题</a></div>
                        </div>
                    </div>
                </div>
            </div>

               




           

        </div>
        <!--body wrapper end-->


        <!--footer section start-->
        <!--footer section start-->
        <footer class="sticky-footer"> 2020 &copy; 高校会议室预约系统 by 乐享会议 </footer>
        <!--footer section end-->
        <!--footer section end-->


    </div>
    <!-- main content end-->
</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modernizr.min.js"></script>
<script src="js/jquery.nicescroll.js"></script>

<!--easy pie chart-->
<script src="js/easypiechart/jquery.easypiechart.js"></script>
<script src="js/easypiechart/easypiechart-init.js"></script>

<!--Sparkline Chart-->
<script src="js/sparkline/jquery.sparkline.js"></script>
<script src="js/sparkline/sparkline-init.js"></script>

<!--icheck -->
<script src="js/iCheck/jquery.icheck.js"></script>
<script src="js/icheck-init.js"></script>

<!-- jQuery Flot Chart-->
<script src="js/flot-chart/jquery.flot.js"></script>
<script src="js/flot-chart/jquery.flot.tooltip.js"></script>
<script src="js/flot-chart/jquery.flot.resize.js"></script>


<!--Morris Chart-->
<script src="js/morris-chart/morris.js"></script>
<script src="js/morris-chart/raphael-min.js"></script>



<!--common scripts for all pages-->
<script src="js/scripts.js"></script>

<!--Dashboard Charts-->
<script src="js/dashboard-chart-init.js"></script>


</body>
</html>
